<template>
<div>
<Top/>
<head>

    <link rel="stylesheet" href="../css/jpetstore.css" type="text/css">
</head>
<body>
<div th:replace="common/top"/>

<div id="Content">
    <div id="BackLink">
        <a href="/catalog/main">Return to Main Menu</a>
    </div>

    <div id="Catalog">
        Please confirm the information below and then press continue...

        <table>
            <tbody>
            <tr>
                <th align="center" colspan="2"><font size="4"><b th:text="'Order #'+${session.order.getOrderId()}">Order</b></font>
                    <br> <font size="3"><b th:text="${session.order.orderDate}"> 2014/03/23 10:46:43</b></font></th>
            </tr>

            <tr>
                <th colspan="2">Billing Address</th>
            </tr>
            <tr>
                <td>First name:</td>
                <td th:text="${session.order.billToFirstName}">ABC</td>
            </tr>
            <tr>
                <td>Last name:</td>
                <td  th:text="${session.order.billToLastName}">XYX</td>
            </tr>
            <tr>
                <td>Address 1:</td>
                <td th:text="${session.order.billAddress1}">901 San Antonio Road</td>
            </tr>
            <tr>
                <td>Address 2:</td>
                <td th:text="${session.order.billAddress2}">MS UCUP02-206</td>
            </tr>
            <tr>
                <td>City:</td>
                <td th:text="${session.order.billCity}">Palo Alto</td>
            </tr>
            <tr>
                <td>State:</td>
                <td th:text="${session.order.billState}">CA</td>
            </tr>
            <tr>
                <td>Zip:</td>
                <td th:text="${session.order.billZip}">94303</td>
            </tr>
            <tr>
                <td>Country:</td>
                <td th:text="${session.order.billCountry}">USA</td>
            </tr>
            <tr>
                <th colspan="2">Shipping Address</th>
            </tr>
            <tr>
                <td>First name:</td>
                <td th:text="${session.order.shipToFirstName}">ABC</td>
            </tr>
            <tr>
                <td>Last name:</td>
                <td th:text="${session.order.shipToLastName}">XYX</td>
            </tr>
            <tr>
                <td>Address 1:</td>
                <td th:text="${session.order.shipAddress1}">901 San Antonio Road</td>
            </tr>
            <tr>
                <td>Address 2:</td>
                <td th:text="${session.order.shipAddress2}">MS UCUP02-206</td>
            </tr>
            <tr>
                <td>City:</td>
                <td th:text="${session.order.shipCity}">Palo Alto</td>
            </tr>
            <tr>
                <td>State:</td>
                <td th:text="${session.order.shipState}">CA</td>
            </tr>
            <tr>
                <td>Zip:</td>
                <td th:text="${session.order.shipZip}">94303</td>
            </tr>
            `<tr>
                <td>Country:</td>
                <td th:text="${session.order.shipCountry}">USA</td>
            </tr>

            </tbody>
        </table>
        <a class="Button" href="/order/viewOrder" th:href="@{/order/viewOrder(orderId=${session.order.orderId})}">Confirm</a>
    </div>
</div>

<div th:replace="common/bottom"/>
</body>
</html>
<Bottom/>
</div>
</template>
<style scoped>

</style>
<script>
import Top from '../../common/top.vue'
import Bottom from '../../common/bottom.vue'

export default {
    components: {
         Bottom,
        Top
        
       
    }
    
}
</script>
